// 1rem = html根节点大小 = 屏幕的1/10
// 1rem = 屏幕的1/10
// 10rem = 屏幕的10/10 一整屏
// 如果不用插件
// 设计稿的 750 此时我们如果想写响应式  1rem = 75  量的px / 75 = rem 每一个都计算太麻烦了
// 所以此时需要一个插件 帮我们将px自动转成rem 需要将多少px转成rem

// postcss
// PostCSS是一个用 JavaScript 工具和插件转换 CSS 代码的工具箱
module.exports = {
  plugins: {
    // 是postcss其中的一个工具, 自动获取浏览器厂商判断当前浏览器是否支持某些属性,如果不支持添加前缀
    // 'autoprefixer': {
    //   browsers: ['Android >= 4.0', 'iOS >= 8']
    // },
    // 帮我们将px自动转成rem 需要将多少px转成rem
    'postcss-pxtorem': {
      // 将多少px 转成rem 我们的设计稿 750 希望 75px = 1rem
      // vant的设计稿 375 37.5 = 1rem
      rootValue ({ file }) {
        console.log(file)
        // file: 处理的文件路劲
        // 判断处理的是什么文件
        // 如果是vant文件 返回37.5
        // 如果不是vant 返回75
        // 代表路劲中包含vant, 处理的就是vant样式 代表路劲中不包含vant, 处理的就是自己样式
        return file.indexOf('vant') !== -1 ? 37.5 : 75
      },
      propList: ['*'] // 配置将哪些css属性转换成rem * 所有
    }
  }
}
